<template name="apply_shops_page">
  <div class="ui center container">
  	<div class="ui segments">
  		<div class="ui centered segment">
  			<div class="ui items">
  				<div class="item">
  			    <div class="ui tiny image">
  			      <img src="/img/didilogo.jpg">
  			    </div>
  			    <div class="middle aligned content">
  			      <a class="header">申请员工账号</a>
              <p>
                  注意：请先选择你要申请的账号所在的门店，申请完毕后待审核通过即可使用。
              </p>
  			    </div>
  			  </div>
  			</div>
  		</div>
  		<div class="ui centered segment">
        <h2>总部</h2>
        <strong>
          “注意：为各门店服务的内部员工，需要在此处申请账号，各店店长也需要在此处申请账号。”
        </strong>
        <hr/>
          {{> area_shop_cards render area1}}
  		</div>
  		<div class="ui centered segment">
        <h3>华北地区</h3>

        {{> area_shop_cards render area2}}
  		</div>
      <div class="ui centered segment">
        <h3>华东地区</h3>
          {{> area_shop_cards render area4}}

  		</div>
      <div class="ui centered segment">
        <h3>华南地区</h3>
          {{> area_shop_cards render area3}}

  		</div>
      <div class="ui centered segment">
        <h3>西南地区</h3>
          {{> area_shop_cards render area5}}

  		</div>
      <div class="ui centered segment">
        <h3>西北地区</h3>

        {{> area_shop_cards render area6}}
  		</div>
      <div class="ui centered segment">
        <h3>东北地区</h3>
        {{> area_shop_cards render area7}}

  		</div>
      <div class="ui centered segment">
        <h3>港澳台地区</h3>
          {{> area_shop_cards render area8}}

  		</div>
  	</div>
  </div>

</template>
